<template>
  <div class="container">

    <!-- 顶部全局组件 -->
    <Top/>
    <Chat></Chat>
    <div class="content">
      <!-- 展示路由组件的区域 -->
      <RouterView></RouterView>
    </div>
    <el-backtop :right="100" :bottom="100">
      <div
          style="
          height: 100%;
          width: 100%;
          text-align: center;
          line-height: 40px;
          color: #1989fa;
        "
      >
        顶部
      </div>
    </el-backtop>
    <!-- 底部全局组件 -->
    <Bottom/>

    <!-- 登录组件 -->
    <Login/>
  </div>

</template>

<script setup lang="ts">


//import router from './router';

</script>

<style scoped lang="scss">
.container {

  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;


  .content {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    min-height: 10rem;
    margin-top: 7rem;
  }

}


</style>